<!-- 查询历史变更数据modal6 -->
<div class="modal-dialog modal-lg">
  <div class="modal-content">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
        <span aria-hidden="true">&times;</span>
      </button>
      <h4 class="modal-title">查询历史变更数据</h4>
    </div>

    <div class="modal-body">
      <form class="form-inline">
        <div class="box-body">
          <div class="form-group col-lg-12" style="padding-left:0px !important;">
            <label>从：</label>
            <div class="input-group date form_datetime">
              <span class="input-group-addon">
                <i class="fa fa-calendar"></i>
              </span>
              <input class="form-control" type="text" style="background: white; cursor: pointer;" placeholder="请选择开始日期" [(ngModel)]="getBody.sOprDateStart"
                name="sOprDateStart" mwlFlatpickr>
            </div>
            <label>到：</label>
            <div class="input-group date form_datetime">
              <span class="input-group-addon">
                <i class="fa fa-calendar"></i>
              </span>
              <input class="form-control" type="text" style="background: white; cursor: pointer;" placeholder="请选择结束日期" [(ngModel)]="getBody.sOprDateEnd"
                name="sOprDateEnd" mwlFlatpickr>
            </div>
            <button type="button" class="btn btn-primary" style="margin-left:10px;" (click)="loadlist(1)">
              <i class="fa fa-search"></i>查询</button>
            <button type="button" class="btn btn-primary" (click)="exportExcel()">
              <i class="fa fa-sign-out"></i>导出</button>
          </div>
        </div>
      </form>
      <div class="ibt-fixed-table-container">
        <div class="table-scroll-content" style="overflow-y:scroll;height:350px;">
          <div #qdiihistoryTablePage>
            <!-- <table id="route-table" class="table table-bordered table-hover table-striped table-keep-line" style="margin-top:unset !important;">
              <thead>
                <tr role="row">
                  <th>
                    <div class="cell" style="min-width:70px !important">序号</div>
                  </th>
                  <th>
                    <div class="cell" style="min-width:70px !important">批次号</div>
                  </th>
                  <th>
                    <div class="cell" style="min-width:70px !important">风控条目编号</div>
                  </th>
                  <th>
                    <div class="cell">是否有效</div>
                  </th>
                  <th>
                    <div class="cell">条款出处</div>
                  </th>
                  <th>
                    <div class="cell" style="min-width:100px !important">文件名称</div>
                  </th>
                  <th>
                    <div class="cell" style="min-width:100px !important">风控条目属性</div>
                  </th>

                  <th>
                    <div class="cell">适用QDII类别</div>
                  </th>
                  <th>
                    <div class="cell">适用QDII名称</div>
                  </th>
                  <th>
                    <div class="cell" style="min-width:150px !important">内容</div>
                  </th>
                  <th>
                    <div class="cell">指标释义</div>
                  </th>
                  <th>
                    <div class="cell">bloomberg系统能否控制</div>
                  </th>
                  <th>
                    <div class="cell">系统设置代码</div>
                  </th>
                  <th>
                    <div class="cell" style="min-width:70px !important">阀值</div>
                  </th>
                  <th>
                    <div class="cell">人工控制方法说明</div>
                  </th>
                  <th>
                    <div class="cell">系统实施相关条件</div>
                  </th>
                  <th>
                    <div class="cell" style="min-width:70px !important">备注1</div>
                  </th>
                  <th>
                    <div class="cell" style="min-width:70px !important">备注2</div>
                  </th>
                </tr>
              </thead>
              <tbody>
                <tr *ngFor="let item of listData;let index=index">
                  <td [attr.title]="index+1">
                    <div class="short_name">{{index+1}}</div>
                  </td>
                  <td [attr.title]="item.nBatchNo">
                    <div class="short_name">{{item.nBatchNo}}</div>
                  </td>
                  <td [attr.title]="item.nQjId">
                    <div class="short_name">{{item.nQjId}}</div>
                  </td>

                  <td [attr.title]="item.sValidZh">
                    <div class="short_name" id="sValidZh">{{item.sValidZh}}</div>
                  </td>
                  <td [attr.title]="item.sFileSource">
                    <div class="short_name" id="sFileSource">{{item.sFileSource}}</div>
                  </td>
                  <td [attr.title]="item.sFileName">
                    <div class="short_name" id="sFileName">{{item.sFileName}}</div>
                  </td>
                  <td [attr.title]="item.sItemTypeZh">
                    <div class="short_name" id="sItemTypeZh">{{item.sItemTypeZh}}</div>
                  </td>
                  <td [attr.title]="item.sFundTypeZh">
                    <div class="short_name" id="sFundTypeZh">{{item.sFundTypeZh}}</div>
                  </td>
                  <td [attr.title]="item.sFundGroupdsZh">
                    <div class="short_name" id="sFundGroupdsZh">{{item.sFundGroupdsZh}}</div>
                  </td>
                  <td [attr.title]="item.f1">
                    <div class="short_name" id="f1">{{item.f1}}</div>
                  </td>
                  <td [attr.title]="item.f3">
                    <div class="short_name" id="f3">{{item.f3}}</div>
                  </td>
                  <td [attr.title]="item.f4Zh">
                    <div class="short_name" id="f4">{{item.f4Zh}}</div>
                  </td>
                  <td [attr.title]="item.f5">
                    <div class="short_name" id="f5">{{item.f5}}</div>
                  </td>
                  <td [attr.title]="item.f6">
                    <div class="short_name" id="f6">{{item.f6}}</div>
                  </td>
                  <td [attr.title]="item.f7">
                    <div class="short_name" id="f7">{{item.f7}}</div>
                  </td>
                  <td [attr.title]="item.f8">
                    <div class="short_name" id="f8">{{item.f8}}</div>
                  </td>
                  <td [attr.title]="item.f9">
                    <div class="short_name" id="f9">{{item.f9}}</div>
                  </td>
                  <td [attr.title]="item.f10">
                    <div class="short_name" id="f10">{{item.f10}}</div>
                  </td>
                </tr>
              </tbody>

            </table> -->
          </div>
        </div>
      </div>
    </div>
    <div class="box-footer clearfix" style="width:100%;">
      <app-pagination [currentPageNum]="listPageInfo.currentPageNum" [pagesShow]="" [totalPages]="listPageInfo.totalPages" (pageChanged)="pageNavigation($event)">
        <div class="pull-left pagination-detail" data-pagination-additional="true">
          <span class="pagination-info">
            当前显示第{{listPageInfo.startRow}}到第{{listPageInfo.endRow}}条，总共{{listPageInfo.total}}条，
          </span>
          <span class="page-list">
            每页记录
            <span class="btn-group dropup">
              <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                <span class="page-size">{{listPageInfo.pageSize}}</span>
                <span class="caret"></span>
              </button>
              <ul class="dropdown-menu" role="menu">
                <li *ngFor="let i of listPageInfo.pageList" role="menuitem" [class.active]="listPageInfo.pageSize === i" (click)="sizeChange(i)">
                  <a>{{i}}</a>
                </li>
              </ul>
            </span>
            条
          </span>
        </div>
      </app-pagination>
    </div>
    <div class="modal-footer">
      <button type="button" class="btn btn-default pull-left" data-dismiss="modal">取消</button>

    </div>
  </div>
</div>